.custom-datetime {
            position: relative;
        }

        /*.custom-datetime::-webkit-calendar-picker-indicator {*/
        /*    background-image: url('../static/img/date.png');*/
        /*    background-position: right 10px;*/
        /*    background-size: 20px;*/
        /*    bottom: 0;*/
        /*    height: auto;*/
        /*    left: 0;*/
        /*    position: absolute;*/
        /*    right: 0;*/
        /*    top: 0;*/
        /*    width: auto;*/
        /*}*/
        /* my-flatpickr-theme.css */
        .flatpickr-calendar {
              background: #020647 !important; /* 深色背景 */
              color: #4e54c8 !important;
              border-radius: 8px !important;
              box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
        }

        .flatpickr-day:hover:not(.selected) {
            background: #8f94fb !important; /* 悬停背景 */
        }

        .flatpickr-day {
          color: #fff !important; /* 普通日期文字颜色 */
        }
.flatpickr-day.flatpickr-disabled{color: #a0d2eb !important;}
        .flatpickr-day.selected {
          color: #fff !important; /* 选中日期文字颜色 */
        }

        .flatpickr-monthDropdown-month {
            background-color: #1a2a6c;
            color: #0a53be;
        }
        .flatpickr-current-month select, .cur-year {
            color: #fff !important;
        }
        /*.flatpickr-prev-month svg, .flatpickr-next-month svg{*/
        /*    background-color: #4e54c8 !important;*/
        /*}*/

        /* 按钮背景色（可选） */
        /*.flatpickr-prev-month:hover,*/
        /*.flatpickr-next-month:hover {*/
        /*  background: #f0f0f0 !important; !* 悬停背景色 *!*/
        /*}*/
        .flatpickr-current-month,
        .flatpickr-weekdays {
          color: #555 !important; /* 标题和星期文字颜色 */
        }

        .flatpickr-weekday {
          color: #165DFF !important; /* 星期文字颜色 */
        }
        .custom-datetime {
            background-image:url('../img/date.png');
            background-repeat: no-repeat;
            background-position: right 8px center;
            background-size: 20px;
            padding-right: 30px;
            border-radius: 8px;
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#fff}
        .flatpickr-time .flatpickr-time-separator, .flatpickr-am-pm,.flatpickr-time input{color: #fff !important;}
        .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus{background:#4e54c8 !important }
        .numInputWrapper span.arrowUp:after{border-bottom: 4px solid #fff !important;}
        .flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color: #fff}
        .flatpickr-calendar.arrowTop:before{border-left: 5px solid transparent !important;
              border-right: 5px solid transparent !important;
              border-bottom: 10px solid #1a2a6c !important;
              z-index: 99;
        }
        .flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#fff !important;}
        .flatpickr-calendar.hasTime .flatpickr-time{border-top: 1px solid #1a2a6c !important; }
        .flatpickr-months .flatpickr-month{background:#1a2a6c !important;}
        .flatpickr-monthDropdown-month{background: #3248a5 !important; color: #fff !important;}
        .flatpickr-prev-month:hover, .flatpickr-next-month:hover{color: #fff;background: none}
        .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{color: #fff;fill: #fff}